<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>07-css样式（Font+Text）+特殊符号</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		<div id="box">
			<h1>07-css样式(Font+Text)+特殊符号</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>font</h2>
					<span>文字大小是带有继承性的 默认的文字大小是16px 一般最小的文字大小12px px：像素格子 em:相对单位,相对于文字大小 倍数 1、首先找当前的文字大小，根据当前的文字大小计算 2、自己定义的font-size的值为em的时候，找父级的文字大小 rem:不管什么情况都相对于根标签的文字大小</span>
					<p>font复合属性 font-family  设置字体类型 大部分默认是微软雅黑 有一些浏览器默认是 宋体 font-size:  设置字体大小 font-weight 字体粗细 bold  加粗       700 normal  不加粗   400</p>
				</li>
				<li>
					<h2>不常用的</h2>
					<span>font-style   italic   强制斜体 oblique  文字倾斜 normal   不倾斜 font-variant small-caps   设置小的大写字母，会把小写字母转大写  normal  正常
					</span>
					<p>
					复合属性：font: font-family font-size/line-height  font-style font-variant; font: font-family font-size/line-height;</p>
				</li>
				<li>
					<h2>常用</h2>
					<span>text-transform   设置文本的大小写 uppercase    字母大写	lowercase    字母小写		capitalize   所有单词首字母大写	text-align   设置文本的水平对齐方式 left right center		text-indent   设置首行文本的缩进text-decoration   设置文本的修饰	none  没有修饰 underline	overline line-through letter-spacing   字间距/字母间距 	word-spacing   词间距/单词间距</span>
				</li>
				<li>
					<h2>超出盒子隐藏</h2>
					<span>	overflow:hidden;/*超出盒子隐藏*/ white-space:nowrap; text-overflow:ellipsis;</span>
					<h3>常用的</h3>
					<p>text-transform   设置文本的大小写
				uppercase    字母大写
				lowercase    字母小写
				capitalize   所有单词首字母大写
			text-align   设置文本的水平对齐方式
				left
				right
				center
			text-indent   设置首行文本的缩进
			text-decoration   设置文本的修饰
				none  没有修饰
				underline
				overline
				line-through
			
			letter-spacing   字间距/字母间距
			word-spacing   词间距/单词间距
			
			
			word-break   设置自动换行的方式
				normal   
				break-all    允许在单词里换行
				keep-all   只能在空格的地方或者连字符的地方换行

			while-space   设置换行方式
			
			text-overflow  设置文本溢出的处理方式
				clip  超出隐藏文本
				ellipsis  超出的文本以省略号显示</p>
				<p>特殊字符:</p>
				<p>&nbsp: &lt; &gt;......</p>
				</li>
			</ul>
		</div>
		
	
	</body>
</html>
